@import "../../../wxParse/wxParse.wxss";
page{
  /* padding-top:21rpx; */
  width: 100%;
  height: 100%;
  background-color: #dedede;
}
.slide-all{
  /* height: 346rpx; */
  /* margin-top: 12rpx; */
}
.slide-box{
  width: 100%;
  height: 346rpx;
}
.slide-image{
  width: 100%;
  height: 100%;
}
.header_box{
  height: 527rpx;
  width: 100%;
  background-color: white;
}
.details_txt_box{
  padding-left: 20rpx;
  line-height:60rpx;
}
.details_title{
  display: block;
  font-size: 35rpx;
  font-weight: 700;
  padding-top: 10rpx;
}
.details_money{
  color: #ff4e00;
  font-size: 35rpx;
  display: inline-block;
}
.details_sale{
  font-size: 30rpx;
  color: #5f5f5f;
  display:block;
}
.speci_box{
  width: 100%;
  height: 80rpx;
  background-color: white;
  margin:21rpx 0;
  display: flex;
  align-items: center; 
}
.speci_img_box{
  width: 19rpx;
  height: 43rpx;
  position: absolute;
  right: 26rpx;
}
.speci_img_box image{
  width: 100%;
  height: 100%;
}
.select_quantity{
  font-size: 30rpx;
  position: absolute;
  left: 20rpx;
}
.select_ps{
  font-size: 30rpx;
  position: absolute;
  right: 58rpx;
}
.commo_detail_box{
  background-color: white;
  width: 100%;
  height: 90rpx;
  margin-bottom: 21rpx;
  position: relative;
}
.move_box{
  position: absolute;
  background-color: white;
  width: 100%;
  height: 90rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
  overflow: hidden;
  top: 0;
  
}
.fixedTop{
  position: fixed;
  z-index: 100;
}

.detail_item{
  font-size: 30rpx;
  height: 100%;
  line-height: 88rpx;
  border: 1px solid #fff;
  width: 168rpx;
  text-align: center;
  box-sizing: border-box;
  overflow:hidden;
}
.active{
  border-top:1px solid #ff4e00;
  border-bottom:1px solid #ff4e00;
  height: 100%;
  line-height: 90rpx;
  width: 168rpx;
  text-align: center;
  color: #ff4e00;
}
.detail_content_box{
  width: 100%;
  /* overflow: scroll; */
  /* margin-top:21rpx;  */
  text-align: center;
}
.goods_body{
  padding: 26rpx 26rpx 36rpx 26rpx;
  margin-bottom: 20rpx;
  box-sizing: border-box;
  background-color: white;
}
.content_box{
  padding-top: 26rpx;
}
.content_img{
  margin: 0 auto;
  width: 669rpx;
  height: 450rpx;
}
.content_img image{
  width: 100%;
  height: 100%;
}
.content_txt{
  width: 469rpx;
  display: inline-block;
  margin: 0 auto;
}
.buy_title{
  display: block;
  border-left: 9rpx solid #ff4e00;
  box-sizing: border-box;
  padding-left: 30rpx;
  text-align: left;
}
.buy_con{
  background-color: white;
  padding: 18rpx 28rpx ;
  margin-bottom: 99rpx;
}
.buy_content{
  display: block;
  width: 660rpx;
  font-size: 30rpx;
  line-height: 50rpx;
  padding-top:15rpx;
}
.bot_btn{
  width: 100%;
  height: 90rpx;
  background-color: white;
  margin: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
}
.home_icon{
  width: 40rpx;
  height: 34rpx;
  margin: 0 auto;
  flex: 1;
}
.home_icon image{
  width: 100%;
  height: 100%;
}
.share_icon{
  width: 32rpx;
  height: 34rpx;
  margin: 0 auto;
  flex: 1;
}
.share_icon image{
  width: 100%;
  height: 100%;
}
.home_share_box{
  display: flex;
  justify-content:space-around;
  align-items: center; 
  width: 248rpx;
}
.home_txt{
  color: #5f5f5f;
  font-size: 30rpx;
}
.buy_imme{
  display: inline-block;
  font-size: 35rpx;
  width: 245rpx;
  height: 100%;
  line-height: 90rpx;
  text-align: center;
  background-color: #ff4e00;
  color: white;
  flex: 1;
  border-radius: 0;
}
.buy_speci_box{
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
}
.buy_speci_box .mask{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 205;
  background-color: rgba(0, 0, 0, 0.5);
}
.buy_speci{
  width: 100%;
  padding: 35rpx 24rpx;
  box-sizing: border-box;
  min-height: 800rpx;
  max-height: 1500rpx;
  background-color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 501;
}
.close_box{
  width: 50rpx;
  height: 50rpx;
  position: absolute;
  right: 30rpx;
  top: 10rpx;
  text-align: center;
  line-height: 50rpx;
  z-index: 600;
}
.close_box image{
  width: 30rpx;
  height: 30rpx;
}
.header_con{
  /* position: absolute;
  top: 35rpx;
  left: 32rpx;
  z-index: 502; */
  width: 100%;
}
.header_img{
  width: 213rpx;
  height: 213rpx;
  border-radius: 10%;
  overflow: hidden;
  display: inline-block;
}
.header_img image{
  width: 100%;
  height: 100%;
}
.header_txt_box{
  display: inline-block;
  padding-left: 20rpx;
  width: 350rpx;
}
.price_dis{
  display: inline-block;
  margin-left: 20rpx;
  vertical-align: top;
}
.header_selected{
  display: block;
  font-size: 30rpx;
}
.header_money{
  color: #ff4e00;
  font-size: 30rpx;
  padding-left: 15rpx;
}
.header_price{
  font-size: 30rpx;
  display: inline-block;
  vertical-align: middle;
}
.mid_title{
  font-size: 27rpx;
  display: block;
  padding-bottom: 24rpx;
}
.mid_con{
  /* position: absolute;
  top:290rpx;
  left: 34rpx; */
  width: 100%;
  font-size: 0;
}
.speci_txt{
  width: 682rpx;
  padding-bottom: 38rpx;
}
.speci_txt_con{
  font-size: 27rpx;
  color: #5e5e5e;
  display: inline-block;
  line-height: 50rpx;
  height: 50rpx;
  border-radius: 50rpx;
  background-color: #dedede;
  text-align: center;
  box-sizing: border-box;
  padding: 0 15rpx;
  margin: 7rpx ;
}
.line_segme{
  width: 701rpx;
  height: 1rpx;
  background-color: #dedede;
  /* position: absolute;
  bottom: 245rpx;
  left: 50%;
  transform: translateX(-50%); */
}
.commo_num_box{
  width: 100%;
  height: 95rpx;
  /* position: absolute;
  bottom: 165rpx; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.commo_quantity_title{
  padding-left: 31rpx;
  font-size: 27rpx;
  font-family: "黑体";
}
.commo_quantity{
  width: 226rpx;
  /* height: 45rpx; */
  padding-right: 27rpx;
}
.num_up{
  height: 45rpx;
  width: 60rpx;
  background-color: #dedede;
  text-align: center;
  line-height: 45rpx;
  display: inline-block;
  vertical-align: middle;
  border-top-right-radius: 45rpx;
  border-bottom-right-radius: 45rpx;
}
.num_minus{
  height: 45rpx;
  width: 60rpx;
  background-color: #dedede;
  text-align: center;
  line-height: 45rpx;
  display: inline-block;
  vertical-align: middle;
  border-top-left-radius: 45rpx;
  border-bottom-left-radius: 45rpx;
}
.commo_num{
  height: 45rpx;
  width: 92rpx;
  background-color: #dedede;
  display: inline-block;
  text-align: center;
  line-height: 45rpx;
  vertical-align: middle;
  margin: 0 3rpx;
  font-size: 27rpx;
}
.enter_btn{
  width: 100%;
  background-color: #ff4e00;
  height: 90rpx;
  color: white;
  border-radius: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 90rpx;
}
.sale_price{
  margin-left: 25rpx;
  font-size: 24rpx;
  color: black;
  text-decoration: line-through;
  line-height: 36rpx;
  display: inline-block;
}
.original_price{
  display: inline-block;
  font-size: 30rpx;
  color: #ff4e00;
}
.discount_price{
  font-size: 20rpx;
  text-decoration: line-through;
  display: block;
  padding-left: 10rpx;
}
.speci_active{
  font-size: 27rpx;
  color: white;
  line-height: 50rpx;
  display: inline-block;
  height: 50rpx;
  border-radius: 50rpx;
  background-color: #ff4e00;
  text-align: center;
}

/*
购物车
*/
.add_cart{
  width: 245rpx;
  height: 100%;
  background-color: #ff4e00;
  color: white;
  display: inline-block;
  font-size: 35rpx;
  text-align: center;
  line-height: 90rpx;
  border:none;
  border-radius:0px;
}
.drawer_screen {  
    width: 100%;  
    height: 100%;  
    position: fixed;  
    bottom: 90rpx;  
    left: 0;  
    z-index: 1000;  
  }  

.drawer_screen .mask{
    width: 100%;  
    height: 100%;  
    position: absolute;  
    top: 0;  
    left: 0;  
    z-index: 1000;  
    background: rgba(0,0,0,.5);  
    overflow: hidden;  
  }
    
  .drawer_box_ad { 
    margin-left: 7%; 
    width: 86%; 
    overflow: hidden;  
    position: fixed;  
    top: 15%; 
    z-index: 1001;  
    background: #FFFFFF;  
    border-radius: 4px;
  } 
  .cartlist-float{  
    width: 100%; 
    overflow: hidden;  
    position: fixed;   
    z-index: 1001;
    bottom: 90rpx;
    max-height: 250px;  
  } 

  .cartlist_title{
    display: flex;

  }
  
  .drawer_content_ad {  
    height: 289px;
    width: 100%;
    padding: 10px;
  }
  
  .select-line-nav{
    font-size:12px;
    margin-left:5px;
    margin-top:10px;
    color:#ABABAB;
  }
  
  .select-tab{
    padding:5px 7px;
    border:1px solid #ABABAB;
    font-size:12px;
    border-radius:5px;
    margin:5px;
    color:#ABABAB;
    z-index:1002;
  }
  .select-active{
    color:#FF9C35;
    border:1px solid #FF9C35;
  }
  .select-price{
    font-size:14px;
    color:#FF9C35;
    margin-top:20px;
    display:flex;
    align-items: center;
    margin-left:10px;
  }
  .btn-putIn{
    height:40px;
    width:100px;
    font-size:14px;
    background:#FF9C35;
    color:white;
    margin-right:20px;
  }
  
  
  .activity-color{
    color:#FF9C35;
  }
  .color-white{
    color:white;
  }
  .activity-color-bg{
    background:#ff4e00;
  }
  
  .label-cart-bar{
    color:#878787;
    font-size:12px;
    display: inline-block;
    height: 100%;
    line-height: 40px;
    border-left:4px solid #FF9C35;
    margin-left: 20px;
  }
  .icon-clear{
      color:#878787;
      float: right;
      height: 100%;
      line-height: 40px;
      margin-right: 10px;
  }
  .label-clear{
      color:#878787;
      font-size: 12px;
  }
  .cart-list-box{
    background:#FFFFFF;
    display:flex;
    font-size:13px;
  }
  .list-info{
    width:100%;
    padding:5px 15px;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
  }
  .list-info-size{
    font-size:10px;
    color:#B1B1B1;
  }
  .cart-item-name{
    width: 350rpx;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; 
  }
  .cart-add,.cart-dec{
    width: 45rpx;
    height: 45rpx;
    margin: 0 4rpx;
  }

  .cart-item-action{
    display: flex;
    align-items: center; 
    justify-content: space-between;
    width: 150rpx;
  }

  .icon-li-circle{
    margin-left:15px;
    font-size:20px
  }
  .font20{
    font-size:20px
  }
  .cart-scroll-list{
    height:450rpx;
  }
  .cut-bar{
    height:20px; 
    position: fixed;
    bottom:55px;
    background:#FFCD9B;
    width:100%;
    color:#FFF7EC;
    font-size:12px;
    text-align:center;
  }
  .cartEmpty{
    height: 90rpx;
    line-height: 90rpx;
    text-align: center;
    background: white;
  }


  .buy_speci_box .bot_btn_wrap{
     width: 100%;
    height: 90rpx;
    color: white;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
  }

  .buy_speci_box .bottom-bar-btn{
    width: 50% ;
    height: 100%;
    display: inline-block;
    text-align:center;
    background-color: #ff4e00;
    line-height: 90rpx;
    color: #fff;
    border-radius:0;
  }
  .yellow-orange{
    background-image: linear-gradient(to right, #FFC500, #FF9402);
  }
  .share_btn{
    border: none;
    background-color: transparent;
    font-size: 0;
    line-height: normal;
    border-radius: none;
    position: none;
    margin: 0;
    padding: 0;
  }
  .share_btn::after{
    border: none;
  }